import React from "react";

import Grid from "@material-ui/core/Grid";

import PriceWatchBox from "./components/PriceWatchBox";

export default function PriceWatch() {
  return (
    <>
      <Grid container spacing={3}>
        <Grid item md={3}>
          <PriceWatchBox
            cryptoName={"BTC"}
            cryptoPrice={15652}
            cryptoChanges={+3}
            isAscending={true}
          />
        </Grid>
        <Grid item md={3}>
          <PriceWatchBox
            cryptoName={"BTC"}
            cryptoPrice={15652}
            cryptoChanges={+3}
            isAscending={false}
          />
        </Grid>
        <Grid item md={3}>
          <PriceWatchBox
            cryptoName={"BTC"}
            cryptoPrice={15652}
            cryptoChanges={+3}
            isAscending={true}
          />
        </Grid>
        <Grid item md={3}>
          <PriceWatchBox
            cryptoName={"BTC"}
            cryptoPrice={15652}
            cryptoChanges={+3}
            isAscending={false}
          />
        </Grid>
      </Grid>
    </>
  );
}
